<template>
    <div class="withdraw" v-loading="loading">
        <merchantNum class="merchant-num"/>
        <withdrawForm class="withdraw-form"/>
        <plainTable :tableData="tableData" :tableConfigData="tableConfigData" :pageInfo="pageInfo"
            tableTitle="提現紀錄" @prevPage="prevPage" @nextPage="nextPage"/>
    </div>
</template>

<script setup>
import merchantNum from '@/components/merchantNum.vue'
import plainTable from '@/components/plainTable.vue'
import withdrawForm from '@/components/withdrawForm.vue';
import { useWithdraw } from '@/hooks/account';

const { loading, tableData, tableConfigData, pageInfo,prevPage, nextPage } = useWithdraw();

</script>
<style scoped lang="scss">
.withdraw {
    .merchant-num {
        margin-bottom: 32px;
    }
    .common-form {
        margin-bottom: 5px;
    }
}
</style>